*{
	margin: 0;
	padding: 0;
}
a{
	text-decoration: none;
}
ul{
	list-style-type: none;
}
body,html{
	font-size: 32.25vw;
	font-family: "微软雅黑"
}
img{
	border: 0;
	vertical-align: middle;
}
.left{
	float: left;
}
.right{
	float: right;
}
.color-green{
	color: #339933;
}
.color-red{
	color: #FF0400;
}
.color-blue{
	color: #0000FF;
	font-size: .16rem;
	font-weight: 900;
}

/*header*/
.header{
	background-color: #18BC9C;
	color: #fff;
	font-size: .14rem;
	padding: .1rem;
}
.header:after{
	content: '';
	height: 0;
	font-size: 0;
	clear: both;
	display: block;
}
.have-number{
	font-weight: 900;
}
/*banner*/
.banner{
	width: 100%;
	height: auto;
	position: relative;
}
.banner-bottom{
	padding: .03rem .05rem;
	width: 100%;
	color: #fff;
	font-size: .12rem;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.5);
	box-sizing: border-box;
}
.banner-img, .banner-img img{
	width: 100%;
}
.goods-wrap{
	width: 100%;
	padding: .1rem .05rem 0;
	box-sizing: border-box;
}
.goods-title{
	width: 100%;
	font-size: .14rem;
	font-weight: 900;
}
.goods-bottom{
	font-size: .12rem;
}
.old-price{
	color: #8F9198;
}
.new-price{
	color: #2CC2A4;
}
.old-price span{
	text-decoration: line-through;
}
.goods-bottom:after{
	content: '';
	height: 0;
	font-size: 0;
	clear: both;
	display: block;
}
/*砍价*/
section{
	width: 100%;
	height: auto;
	box-sizing: border-box;
	overflow: hidden;
}
.cut-price{
	width: 100%;
}
.title-pos{
	position: relative;
	width: 100%;
	height: .3rem;
}
.pos-line{
	position: absolute;
	left: 0;
	top: .13rem;
	width: 100%;
	height: 0;
	border: 1px solid #2CC2A4;
}
.pos-title{
	width: auto;
	padding: 0 .1rem;
	height: .3rem;
	text-align: center;
	line-height: .3rem;
	font-size: .14rem;
	color: #2CC2A4;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	background-color: #fff;
}
.cut-person{
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding: 0 0.05rem;
}
.cut-person:after{
	content: '';
	height: 0;
	font-size: 0;
	clear: both;
	display: block;
}
.per-left{
	width: .5rem;
	font-size: 0;
}
.per-img{
	width: .5rem;
	height: .5rem;
	border-radius: 50%;
	overflow: hidden;
}
.per-img img{
	width: 100%;
}
.per-right{
	width: 2.5rem;
	height: auto;
	padding-left: .1rem;
	box-sizing: border-box;
}
.right-top{
	line-height: .16rem;
	font-size: .1rem;
	margin-bottom: .03rem;
}
.per-name, .price{
	color: #2CC2A4;
}
.right-bottom{
	width: 100%;
	font-size: .08rem;
	color: #979EA2;
}

.right-bottom .left-text{
	width: 28%;
}
.right-bottom .right-bar{
	width: 72%;
}
.progress-bar{
	width: 80%;
	height: .08rem;
	margin: .05rem 0;
	background-color: #E8E8E8;
	border-bottom-right-radius: .04rem;
	border-top-right-radius: .04rem;
}
.bar-in{
	width: 10%;
	height: 100%;
	background-color: #18BC9C;
}
.progress:after{
	content: '';
	height: 0;
	font-size: 0;
	clear: both;
	display: block;
}
.cut-help{
	width: 100%;
	height: auto;
	padding: .05rem;
	font-size: .12rem;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
}
.help-top:after{
	content: '';
	height: 0;
	font-size: 0;
	clear: both;
	display: block;
}
.help-top, .help-bottom{
	width: 100%;
	height: .4rem;
}
.help-top{
	margin-bottom: .1rem;
}
.help-btn, .follow-btn{
	width: 50%;
	height: 100%;
	box-sizing: border-box;
}
.help-btn .help-inner{
	height: 100%;
	border-radius: .05rem;
	background-color: #18BC9C;
	margin-right: .05rem;
}
.follow-btn .follow-inner{
	height: 100%;
	border-radius: .05rem;
	background-color: #00C800;
	margin-left: .05rem;
}
.join-btn{
	width: 100%;
	height: 100%;
	border-radius: .05rem;
	background-color: #EA4335
}
.help-inner, .follow-inner, .join-btn{
	box-sizing: border-box;
	padding: .05rem;
}
.tel-number{
	width: 100%;
	line-height: .2rem;
	text-align: center;
	font-size: .12rem;
	color: #C3BBBE;
}
.detail-content{
	width: 100%;
	height: auto;
	background-color: #339933;
	padding: .01rem;
	box-sizing: border-box;
	margin-bottom: .1rem;
}
.cont-title{
	width: 100%;
	text-align: center;
	font-size: .14rem;
	color: #fff;
	padding: .12rem 0;
}
.cont-text{
	padding: .1rem .05rem;
	background-color: #fff
}
.cont-text p{
	font-size: .1rem;
}
.cont-text p span{
	color: #FF2A34;
}
.cont-text p span:nth-child(1){
	font-weight: 900;
}
.detail-text{
	width: 100%;
	height: auto;
}
.text-top, .text-bottom{
	border: 1px solid #339933;
	border-radius: .05rem;
	padding: .1rem;
	box-sizing: border-box;
	font-size: .12rem;
}
.text-top{
	margin-bottom: .1rem;
}
.text-top p{
	line-height: .2rem;
}
.dt-title{
	font-size: .16rem;
	font-weight: 900;
	display: block;
	margin-bottom: .05rem;
}
.text-top p:nth-of-type(1){
	margin-bottom: .1rem;
}
.font-big{
	font-weight: 900;
	font-size: .14rem;
}
.text-bottom ul li{
	line-height: .2rem;
}
.leave-wrap{
	display: inline-block;
	background-color: #339933;
	color: #fff;
	padding: 0 .05rem;
}
.title{
	font-size: .25rem;
	font-weight: 900;
	text-align: center;
	line-height: .4rem;
	color: #339933;
}
.erweima{
	width: 100%;
	overflow: hidden;
}
.erweima img{
	width: 100%;
}
.works, .around{
	width: 100%;
	height: auto;
}
.works:after{
	content: '';
	height: 0;
	display: block;
	clear: both;
}
.works-img, .around-img{
	width: 100%;
	float: left;
	padding: .1rem;
	box-sizing: border-box;
}
.works-img img, .around-img img{
	width: 100%;
}
.around:after{
	content: '';
	height: 0;
	display: block;
	clear: both;
}
.more-detail{
	width: 100%;
	height: .35rem;
	font-size: .14rem;
	line-height: .35rem;
	color: #fff;
	background-color: #2EBD9E;
	text-align: center;
	padding: 0 .05rem;
	box-sizing: border-box;
	border-radius: .05rem;
	margin-bottom: .1rem;
}
.copyright{
	width: 100%;
	height: .4rem;
	background-color: #919191;
	padding: .05rem;
	box-sizing: border-box;
}
.copyright p{
	text-align: center;
	font-size: .12rem;
	line-height: .15rem;
	color: #fff;
}
.footer-wrap{
	width: 100%;
	height: .45rem;
	border-top: 1px solid #2EBD9E;
	position: fixed;
	bottom: 0;
	left: 0;
	background-color: #fff;
}
.footer{
	display: flex;
}
.footer li{
	display: flex;
	flex: 1;
	color: #2EBD9E;
}
.footer li .footer-icon{
	text-align: center;
	font-size: .12rem
}
.footer li .footer-text{
	text-align: center;
	font-size: .14rem
}


/*二*/
.container2{
	width: 100%;
	height: auto;
	font-size: .14rem;
	margin-bottom: .05rem;
}
.container2 li:after{
	content: '';
	display: block;
	clear: both;
	height: 0;
	font-size: 0
}
.container2 li{
	width: 100%;
	border-bottom: 1px solid #2EBD9E;
	padding: .1rem;
	box-sizing: border-box;	
}
.rank-number{
	width: .3rem;
	height: .3rem;
	background-color: #2EBD9E;
	text-align: center;
	line-height: .3rem;
	color: #fff;
	margin-right: .1rem;
}
.rank-img{
	width: .3rem;
	height: .3rem;
	border-radius: 50%;
	overflow: hidden;
	margin-right: .1rem;
}
.rank-img img{
	width: 100%;
	height: 100%;
}
.rank-name{
	line-height: .3rem;
}
.rank-price{
	line-height: .3rem;
	color: #2EBD9E;
}




/*三*/
.container3{
	font-size: .14rem
}






.notice{
	width: 80%;
	height: auto;
	font-size: .14rem;
	position: fixed;
	display: none;
	left: 10%;
	top: .3rem;
	z-index: 10;
	background-color: #fff;
}
.close{
	position: absolute;
	right: .1rem;
	top: .03rem;
}
